@import "main.scss";

body{
	background: #3d3d3d!important;
}
#Nav.login{
	background: none;
}
.login{
	.banner{
		width: 100%;
		height: 300*$px;
		margin-top: -75*$px;
		background: url("http://d2.freep.cn/3tb_1605051046283imy564060.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	.logo{
		text-align: center;
		margin-top: -90*$px;
		img{
			width: 183*$px;
		}
	}
	.dialogContainer{
		width: 450*$px;
		height: 260*$px;
		border: 1px solid #37A98B;
		margin: 55*$px auto;
		border-radius: 5*$px;
	}
	.inputContainer{
		background: #323232;
		border-radius: 5*$px;
		box-shadow: 0 0 5*$px rgba(52, 52, 52, 0.5) inset;
		width: 380*$px;
		height: 70*$px;
		line-height: 70*$px;
		margin: 0 auto;
		.icon{
			vertical-align: middle;
			display: inline-block;
			height: 30*$px;
			padding-right: 25*$px;
			margin-left: 25*$px;
			border-right: 1px solid #fff;
		}
		input{
			border: none;
			background: none;
			font-size: 26*$px;
			color:white;
			width: 200*$px;
			vertical-align: middle;
			margin-left: 20*$px;
			font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		}
	}
	#phoneInput{
		margin-top: 45*$px;
	}
	#codeInput{
		margin-top: 20*$px;
		input{
			width: 165*$px;
			padding-right: 25*$px;
			border-right: 1px solid #fff;
		}
		.code{
			width: 60*$px;
			vertical-align: middle;
			margin-left: 10*$px;
		}
	}
	#loginButton{
		text-align: center;
		width: 300*$px;
		margin: 40*$px auto;
		background: #37A98B;
		height: 55*$px;
		line-height: 55*$px;
		border-radius: 5*$px;
		img{
			width: 93*$px;
			vertical-align: middle;
		}
		&:active{
			background: #1A775F;
		}
	}
}
